<template>
	<ul>
		<li v-for="(item,index) of category2" :key="index">
			<router-link :to="{name:'list',params:{id:item.mallCategoryId}}">
				<img :src="item.image" />
				<p>{{item.mallCategoryName}}</p>
			</router-link>
			
		</li>
	</ul>
</template>

<script>
	
	export default {
		name: "mySwiper",
		props:["category2"]
	}
</script>



<style lang="scss" scoped="scoped">
	
$width:50px;
	ul {
		width: 100%;
		display: flex;
	}

	ul>li {
		flex: 1;
		text-align: center;

	}

	ul>li img {
		width: $width;
		height:$width;
	}
</style>
